
p.whiteline {
    margin-top: 0em;
    margin-bottom: 1em;
}

p.break {
    margin-top: 0em;
    margin-bottom: 0em;
}

img {
   border:none;
}
span.highlight{
	color:red;
}
.tbl{
 border: none;
 padding: 2px;
  	
}
.tbl .label{
	 text-align:right;
	 padding: 3px 2px 2px 2px;
	 background-color:lightblue;  
	}
.tbl .inp{
	text-align: left;
}
.jcarousel-item div#fancy_close {
	background: url('../images/fancy_closebox.png') top left no-repeat;
}
/* templates/default/style_fallback.css  */
/* This is the templates/default/style_fallback.css file.
   It emits CSS rules that all templates should have.
   Classes are declared on top of the file, so if you
   want to make changes in your own template, you
   should override the rules on the bottom of your
   style.css template. 
   IT IS NOT ADVISED TO CREATE YOUR OWN style_fallback.css FILE! */

/* Default image classes for left/right/usual layout */
.serendipity_image_center {
  border: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

.serendipity_image_left {
  float: left;
  border: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

.serendipity_image_right {
  float: right;
  border: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

/* Default listing without spacers */
.plainList {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

/* Messages: Centered, important, notice */
.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.serendipity_msg_important {
    color: red;
}

.serendipity_msg_notice {
    color: green;
}

/* Embedded images with comments inside the s9y image manager */
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    border: 1px solid #ddd;
    background-color: #efefef;
    margin: 3px;
    padding: 3px;
    text-align: center;
}

.serendipity_imageComment_center {
    margin: auto;
}

.serendipity_imageComment_left {
    float: left;
}

.serendipity_imageComment_right {
    float: right;
}

.serendipity_imageComment_img,
.serendipity_imageComment_img img {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.serendipity_imageComment_txt {
    border-top: 1px solid #ddd;
    margin: 0px;
    padding: 3px;
    clear: both;
    font-size: 8pt;
    text-align: center;
}

/* END OF style_fallback.css *//* templates/i3theme/style.css  */
/*
Theme Name: i3Theme 1.6 Classic (Center Edition)
Theme URI: http://www.mangoorange.com
Description: WordPress theme designed by <a href="http://www.ndesign-studio.com">N.Design Studio</a>, customized by <a href="http://www.mangoorange.com">MangoOrange&trade;</a>, supported by <a href="http://www.webhostinggeeks.com/">Web Hosting Geeks</a>, sponsored by <a href="http://www.web-hosting-top.com/">Web Hosting Reviews &amp; Free Coupons</a> and <a href="http://www.b4udecide.com/">Cheap Web Hosting</a>.
Version: 1.6
Author: Mickey Cheong
Author URI: http://www.mangoorange.com/about/

	This theme was designed by Nick La, customized by Mickey Cheong Kah Meng.

	By downloading and using this theme, you agree to the following terms:
		- You may NOT resell this theme
		- A link back to N.Design Studio and MangoOrange™ must be retained in the footer (either modified or unmodified)
		- You may use this theme for personal or commercial projects
		- You may modify, translate or distribute

   Sponsored by
	   * Web Hosting Reviews & Free Coupons (http://www.web-hosting-top.com/)
	   * Cheap Web Hosting (http://www.b4udecide.com/)

   Supported by
   	* Web Hosting Geeks (http://www.webhostinggeeks.com)

  	Changelog
	Version 1.6
		* Site Admin link available in Meta [with icon modified from famfamfam's silk icons (http://famfamfam.com/)]
		* 4 New Colours available: Grassy Green, Midnight Blue, Ruby Red, Snazzy Pink
		* Original i3Theme has been renamed to i3Theme Classic
		* Quote icon available for blockquoted text
		* Enable coloured bullet points for List
		* BUG-FIXED: Layout error when display non-exist post
		* BUG-FIXED: Wrong CSS element [ol li] name

	Version 1.5
		* SEO-friendly header title
		* Enable hierarchical structure for category's sidebar (for Widgets, use the 'Categories' widget)
		* BUG-FIXED: (Only in IE6) Information overflow in the sidebar destroy the layout
		* BUG-FIXED: Next/Previous link display the same [special thanks to Jamie(http://www.jessfortress.com/)]
		* BUG-FIXED: Category icons missing when using Widgets' categories
		* BUG-FIXED: Unable to work in WordPress 2.2 or lower [special thanks to mat(http://www.ekstasis.net/)]

  	Version 1.4
		* Availability of author credential of each post
		* Improved blog header title with better navigation information
		* Newly Support Plugins (means fully tested)
		  * Paged Comments (http://www.keyvan.net/code/paged-comments/)
		* BUG FIXED: Unable to display more than one row of sub navigation bar
		* BUG FIXED: Wrong function name used, bloginfo() instead of get_bloginfo() [original iTheme code]
		* BUG TEMP-FIXED: Temporary increase the length of the list to 2 times (over 2000px in height).

  	Version 1.3.1
		* BUG FIXED: Sub-navigation bar will be display regardless whether there are sub-categories

	Version 1.3
		* Optimised codings
		* Fully tested on Internet Explorer 7, Firefox 2, Safari 3 and Opera 9
		* Works on the latest Wordpress v2.3 release
		* Newly Support Plugins (means fully tested)
		  * Inline Adsense (http://philhord.com/phord/adsense-inline-with-wordpress-blog-posts/)
		  * Secure Contact Form (http://blue-anvil.com/archives/secure-accessible-contact-form-for-wordpress-multi-user-version)
		* BUG UNFIXED:
			* IE7 unable to display the toggle button in Wordpress 2.2.3
				* SOLUTION: Upgrade to Wordpress 2.3

  	Version 1.2
		* Bug Fixed: Unable to display sub-navigation bar when using Widgets Plugin by Automattic
		* Left and Right Edition made available.

	Version 1.1
		* Support Widgets Plugin by Automattic.
		* Support Recent Posts and Recent Comments widgets.
		* Links sorted according to alphabetical order by default.

*/

body {
	background: #42afdc url(../images/html-bg.gif) repeat-x;
	font: 75%/170% Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	color: #333333;
	line-height: 170%;
}

a {
	color: #44a1d0;
	text-decoration: none;
}
a:visited {
	color: #5EAFD7;
}
a:hover {
	text-decoration: underline;
}
p {
	margin: 0px 0px 15px;
}
img {
	border: none;
}
ul {
	margin: 5px 0px 15px;
	padding-left: 10px;
}
ul li {
	margin: 0px;
	list-style: none;
	background: url(../images/bullet-orange.gif) no-repeat;
	padding-left: 20px;
}
ol {
	margin: 5px 0px 15px;
	padding-left: 20px;
}
ol li {
	margin: 0px;
}
form {
	margin: 0px;
	padding: 0px;
}
small {
	font-size: 90%;
}
blockquote{
	background: url(../images/blockquote.gif) no-repeat left top;
	color: #777;
	font-style: italic;
	padding: 10px 5px 5px 36px;
	border: 1px dotted #CCCCCC;
}
#page {
	background: url(../images/main-bg.jpg) no-repeat scroll center top;
}
#wrapper {
	width: 985px;
	margin: 0px auto;
	position: relative;
}

/* ------------------------------------- header area  */
#header {
	height: 33px;
}
/* site title */
h1 {
	position: absolute;
	top: 40px;
	left: 25px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font: normal 30px/100% "Trebuchet MS", Arial, sans-serif;
}
h1 a, h1 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
h1 a:hover {
	color: #000000;
	text-decoration: none;
}
.description {
	position: absolute;
	top: 77px;
	left: 25px;
	color: #000000;
	font: 12px Arial, Helvetica, sans-serif;
}
/* search form */
#searchform {
	position: absolute;
	top: 0px;
	right: 0px;
	background: url(../images/searchform-bg.png) no-repeat right bottom;
	height: 37px;
	width: 210px;
}
#searchform #s{
	background: #ffffff url(../images/form-field-bg.gif) no-repeat ;
	height: 17px;
	width: 148px;
	margin: 6px 5px 0px 10px;
	padding: 3px 7px 2px 5px;
	color: #999999;
	border: none;
}
#searchform #searchsubmit {
	background: url(../images/search-btn.png) no-repeat left top;
	height: 24px;
	width: 24px;
	border: none;
	text-indent: -999%;
	line-height: 1px;
	margin-top: 6px;
}

/* ------------------------------------- main content area  */
#left-col {
	width: 545px;
	float: left;
	margin-top: 11px;
}

/* main menu */
#nav {
	background: url(../images/content-top-bg.png) no-repeat left top;
	height: 26px;
}
#nav ul{
	list-style: none;
	margin: 0px 0px 0px 25px;
	padding: 0px;
	font: bold 12px/100% Arial, Helvetica, sans-serif;
}
#nav ul li{
	margin: 0px 1px 0px 0px;
	padding: 0px;
	float: left;
	background: none;
}
#nav ul li a{
	padding: 5px 7px 6px 7px;
	text-decoration: none;
	color: #000000;
	display: block;
}
#nav li a:visited{
	text-decoration: none;
	color: #000000;
}
#nav li a:hover, #nav .current_page_item a, #nav .current_page_item a:visited{
	text-decoration: none;
	background: #2e91c6 url(../images/nav-item-hover.gif) repeat-x;
	color: #ffffff;
}
/* sub menu */
#subnav {
	background: #ecebeb;

}
#subnav ul {
	margin: 0px;
	padding: 3px 5px 5px 5px;
	list-style: none;
	font: 11px/100% Arial, Helvetica, sans-serif;
}
#subnav li {
	border-right: 1px solid #D8D8D8;
	padding: 0px 7px;
	margin: 0 0 5px;
	display:inline;
	line-height: 18px;
	background: none;
}
#subnav li a, #subnav li a:visited, #subnav .page_item {
	text-decoration: none;
	color: #333333;
}
#subnav .current_page_item a, #subnav .current_page_item a:visited {
	color: #3b9acc;
}
#subnav li a:hover {
	text-decoration: none;
	color: #3b9acc;
}

/* content */
#content {
	padding: 25px 25px 15px 25px;
	width: 495px;
	background: #ffffff;
	clear: both;
	overflow: hidden;
}
.post {
	padding: 0px;
	clear: both;
	overflow: hidden;
}
.post .date {
	height: 50px;
	width: 45px;
	background: url(../images/calendar.gif) no-repeat;
	font: normal 22px Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
	padding: 0px 2px 0 0;
	line-height: 100%;
	float: left;
}
.post .date span {
	height: 16px;
	display: block;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-align: center;
	padding-top: 5px;
}
.post .title {
	float: left;
	margin-left: 10px;
	width: 438px;
}
.postdata {
	font-size: 90%;
	color: #999999;
}
.postdata a, .postdata a:visited {
	color: #999999;
	text-decoration: none;
}
.postdata a:hover {
	color: #44a1d0;
	text-decoration: none;
}
.postdata .category{
	background: url(../images/mini-category.gif) no-repeat;
	padding-left: 18px;
	float: left;
}
.postdata .comments{
	background: url(../images/mini-comment.gif) no-repeat;
	padding-left: 18px;
	float: right;
}
.mini-add-comment {
	background: url(../images/mini-down-arrow.gif) no-repeat left center;
	padding-left: 12px;
	float: right;
}
.entry {
	padding: 10px 0px 5px;
	clear: both;
}
.entry p.submeta{
	font-size: 11px;
}


/* post title */
h2 {
	color: #333333;
	margin: 3px 0 2px;
	padding-bottom: 4px;
	font: normal 150%/100% "Lucida Grande", Arial, sans-serif;
	border-bottom: dotted 1px #CCCCCC;
}
h2 a, h2 a:visited {
	color: #333333;
	text-decoration: none;
}
h2 a:hover {
	color: #44a1d0;
	text-decoration: none;
}
h3 {
	color: #666666;
	margin: 5px 0px 5px;
	font: bold 110%/110% "Lucida Grande", Arial, sans-serif;
}

/* next & previous page navigation */
.page-nav {
	clear: both;
	background: url(../images/navigation-bg.gif) no-repeat left center;
	height: 21px;
}
.page-nav a, .page-nav a:visited {
	color: #ffffff;
	text-decoration: none;
}
.page-nav a:hover {
	color: #000000;
	text-decoration: none;
}
.previous-entries a {
	float: left;
	padding-left: 10px;
	margin-left: 10px;
	background: url(../images/navigation-left.gif) no-repeat left center;
}
.next-entries a {
	float: right;
	padding-right: 10px;
	margin-right: 10px;
	background: url(../images/navigation-right.gif) no-repeat right center;
}

/* next & previous post navigation */
.post-nav {
	clear: both;
	padding-bottom: 35px;
	margin-top: -15px;
	font-size: 95%;
}
.post-nav a, .post-nav a:visited {
	color: #999999;
	text-decoration: none;
}
.post-nav a:hover {
	color: #000000;
	text-decoration: none;
}
.post-nav .previous a {
	float: left;
	padding-left: 20px;
	background: url(../images/post-nav-previous.gif) no-repeat left center;
}
.post-nav .next a {
	float: right;
	padding-right: 20px;
	text-align: right;
	background: url(../images/post-nav-next.gif) no-repeat right center;
}

/* ------------------------------------- comment area  */
h3#comments {
	background: url(../images/itheme/comments.gif) no-repeat;
	padding-left: 22px;
	font: normal 140%/120% Arial, Helvetica, sans-serif;
	clear: both;
}
h3#respond {
	background: url(../images/itheme/respond.gif) no-repeat;
	padding-left: 22px;
	font: normal 140%/120% Arial, Helvetica, sans-serif;
	margin: 20px 0px 0px;
	clear: both;
}
/* commentform */
#commentform {
	margin-top: 10px;
}
#commentform label {
	font-weight: bold;
	color:#666;
	font-size: 100%;
	padding-left: 5px;
}
#commentform small {
	color: #999999;
	font-size: 90%;
}
#commentform input {
	font: 110% Arial, Helvetica, sans-serif;
	width: 220px;
	padding: 5px 3px 3px 7px;
	background: url(../images/form-field-bg.gif) no-repeat;
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	border-left: 1px solid #e6e6e6;
}
#commentform textarea {
	font: 110% Arial, Helvetica, sans-serif;
	width: 480px;
	height: 140px;
	background:url(../images/form-field-bg.gif) no-repeat;
	border: solid 1px #e6e6e6;
	padding: 5px 3px 3px 7px;
}
#commentform #submit {
	font: 12px/100% Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../images/submit-btn.gif) no-repeat top left;
	border: none;
	width: 135px;
	height: 25px;
	padding-bottom: 6px;
	margin-left: 355px;
}
#commentform #submit:hover {
	background: url(../images/submit-btn.gif) no-repeat bottom left;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
	border: solid 1px #3b9acc;
}

/* comment list */
.commentlist {
	margin: 10px 0px;
	padding-left: 45px;
	line-height: 130%;
}
.commentlist li{
	padding: 5px 10px;
}
.commentlist .alt {
	background: #F4F4F4;
}
.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 110%;
	color: #669900;
}
.commentlist cite a, .commentlist cite a:visited {
	color: #669900;
}
.commentlist small {
	margin-bottom: 5px;
	display: block;
	font-size: 87%;
}
.commentlist small a, .commentlist small a:visited{
	color: #999999;
}

/* ------------------------------------- footer area  */
#footer {
	background: url(../images/content-bottom-bg.png) no-repeat;
	padding: 12px 0px 0px 10px;
	font-size: 87%;
	color: #282828;
	line-height: 15px;
}
#footer a, #footer a:visited {
	text-decoration: none;
	color: #000000;
}
#footer a:hover {
	text-decoration: underline;
}

/* ------------------------------------- sidebar area  */
/* sidebar */
#sidebar-right{
	float:right;
	margin-left: 10px;
	width: 210px;
}
#sidebar-left {
	float: left;
	margin-right: 10px;
}
#sidebar-right,
#sidebar-left {
	width: 210px;
	color: #666666;
	line-height: 160%;
	/*word-wrap: break-word;*/
}
#sidebar-right p,
#sidebar-left p  {
	margin: 0px 0px 15px;
}
#sidebar-right h3,
#sidebar-left h3 {
	font: bold 12px/100% Arial, Helvetica, sans-serif;
	color: #666666;
}
#sidebar-right h3 a, #sidebar-right h3 a:visited,
#sidebar-left h3 a, #sidebar-left h3 a:visited {
	color: #666666;
}
#sidebar-right h3 img,
#sidebar-left h3 img  {
	vertical-align: middle;
}
#sidebar-right a, #sidebar-right a:visited,
#sidebar-left a, #sidebar-left a:visited  {
	color: #000000;
	text-decoration:none;
}
#sidebar-right a:hover, #sidebar-right a:focus, #sidebar-right a:active,
#sidebar-left a:hover, #sidebar-left a:focus, #sidebar-left a:active  {
	text-decoration:underline;
}
#sidebar-right ul,
#sidebar-left ul {
	list-style: none;
	margin: 0 ;
	padding: 0 ;
}
#sidebar-right ul li,
#sidebar-left ul li {
	background: url(../images/bullet-orange.gif) no-repeat;
	padding-left: 18px ;
}
#sidebar-right ul li ul li,
#sidebar-left ul li ul li {
	background: url(../images/bullet-grey.gif) no-repeat;
	padding-left: 12px ;
}

/* ------------------------------------- widget styles  */
/* archives widget */
#archives ul li {
	background: url(../images/mini-archive.gif) no-repeat;
}
/* recent comments widget */
#recent-comments ul li {
	background: url(../images/mini-comment.gif) no-repeat;
}
/* category widget */
#categories ul li,
#categories-1 ul li,
#categories-2 ul li,
#categories-3 ul li,
#categories-4 ul li,
#categories-5 ul li,
#categories-6 ul li,
#categories-7 ul li,
#categories-8 ul li,
#categories-9 ul li {
	background: url(../images/mini-category.gif) no-repeat;
}
#serendipity_category_form input {
	font: 110% Arial, Helvetica, sans-serif;
	width: 220px;
	padding: 5px 3px 3px 7px;
	background: url(../images/form-field-bg.gif) no-repeat;
	border-top: 1px solid #e6e6e6;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	border-left: 1px solid #e6e6e6;
}
.category_submit {
	text-align: right;
	width: 100%;
}
.category_link_all {
	text-align: right;
	width: 100%;
}
#serendipity_category_form #submit {
	font: 12px/100% Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../images/submit-btn70.gif) no-repeat top left;
	border: none;
	width: 70px;
	height: 25px;
	padding-bottom: 6px;
	margin-left: 0px;
}
#serendipity_category_form #submit:hover {
	background: url(../images/submit-btn70.gif) no-repeat bottom left;
}
/* recent posts widget */
#recent-posts ul li {
	background: url(../images/itheme/mini-page.gif) no-repeat;
}
/* links widget */
#links ul li {
	background: url(../images/itheme/mini-blogroll.gif) no-repeat;
}
/* meta */
#meta .site_admin {
	background: url(../images/itheme/cog.gif) no-repeat;
}
#meta .rss {
	background: url(../images/itheme/mini-rss.gif) no-repeat;
}
#meta .login {
	background: url(../images/mini-user.gif) no-repeat;
}
#meta .check {
	background: url(../images/itheme/mini-check.gif) no-repeat;
}
#meta .wordpress {
	background: url(../images/itheme/mini-wp.gif) no-repeat;
}
/* calendar */
#calendar table {
	margin: 0px auto;
}
#calendar td {
	padding: 0px 3px;
	text-align: right;
}
#calendar a, #calendar a:visited {
	font: bold 12px/100% Arial, Helvetica, sans-serif;
	color: #5EAFD7;
}
#calendar .Today {
	font: bold 12px/100% Arial, Helvetica, sans-serif;
}

/* alignments */
.center {
	text-align: center;
}
img.center, img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.left {
	float: left;
}
img.left, img[align="left"] {
	float:left;
	margin: 2px 10px 5px 0px;
}
.right {
	float: right;
}
img.right, img[align="right"] {
	float:right;
	margin: 2px 0px 5px 10px;
}
.clear {
	clear:both;
}
hr.clear {
	clear:both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}
.hidden {
	clear: both;
	visibility: hidden;
}

/* MangoOrange.com footer (must be included, but can be modified) */
div#footer span.mangoorange{
	color: #fff;
	}

div#footer span.mangoorange a,
div#footer span.mangoorange a:visited{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	}

div#footer span.mangoorange a:hover{
	text-decoration: underline;
	}

#content table.tbl{
	border: 1px;
	padding: 4px;
	border-color: lightblue
	}
#content th.label{
	text-align: right
	}
#content th.inp{
	text-align: left;
	}			